﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-trasitional.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<link rel="stylesheet"
			href="/static/css/table.css" type="text/css" />
		<link rel="stylesheet"
			href="/static/css/cwcalendar.css" type="text/css">
		<script type="text/javascript"
			src="/static/javascript/comm/comm.js">
		</script>
		<script type="text/javascript"
			src="/static/javascript/comm/list.js">
		</script>
		<script type="text/javascript"
			src="/static/javascript/calendar-ch.js">
		</script>
<!--		<script type="text/javascript"-->
<!--			src="/static/javascript/jquery-1.7.2.js">-->
<!--		</script>-->
		<script type="text/javascript"
			src="/static/javascript/locate.js">
		</script>
		<!--以下3个js库必须按照顺序引入-->
		<!--vue脚本库-->
		<script type="text/javascript"
				src="/static/js/vue-3.2.4.global.js">
			<!--axios脚本库-->
		</script>
		<script type="text/javascript"
				src="/static/js/axios-0.18.0.min.js">
		</script>
		<!--我们自己封装的axios函数库 -->
		<script type="text/javascript"
				src="/static/js/axios-helper.js">
		</script>
	</head>

	<body id="app">
		<form method="post">
			<table width="100%">
				<tr>
					<td>
						<font color="black">您正在做的业务是：人力资源--人力资源档案管理--人力资源档案恢复</font>
					</td>
				</tr>
				<tr>
					<td align="right"> 
						<input type="button" value="查询" class="BUTTON_STYLE1" @click="chaxun()"/>
						<input type="button" value="搜索" class="BUTTON_STYLE1"
							onclick="location.href='recovery_keywords.html'">
					</td>
				</tr>
			</table>
			<table width="100%" border="1" cellpadding=0 cellspacing=1
				   bordercolorlight=#848284 bordercolordark=#eeeeee
				   class="TABLE_STYLE1">
				<tr class="TR_STYLE1">
					<td width="16%" class="TD_STYLE1">
						请选择员工所在I级机构
					</td>
					<td width="84%" class="TD_STYLE2">
						<select name="humanFile.firstKindId" size="5" id="firstKind"
								class="SELECT_STYLE2" v-model="humanFile.firstKindId">
							<option value="" selected="selected">全部</option>
							<option v-for="c in configFileFirstKindList"
									:value="c.firstKindId">
								{{c.firstKindName}}
							</option>

						</select>
					</td>
				</tr>
				<tr>
					<td class="TD_STYLE1">
						请选择员工所在II级机构
					</td>
					<td width="84%" class="TD_STYLE2">
						<select name="humanFile.secondKindId" size="5" id="secondKind"
								class="SELECT_STYLE2" v-model="humanFile.secondKindId">
							<option value="" selected="selected">
								全部
							</option>
							<option v-for="c in configFileSecondKindList" :value="c.secondKindId">
								{{c.secondKindName}}
							</option>

						</select>
					</td>
				</tr>
				<tr class="TR_STYLE1">
					<td width="16%" class="TD_STYLE1">
						请选择员工所在III级机构
					</td>
					<td width="84%" class="TD_STYLE2">
						<select name="humanFile.thirdKindId" class="SELECT_STYLE2" size="5"
								v-model="humanFile.thirdKindId" id="thirdKind">
							<option value="" selected="selected">
								全部
							</option>

							<option v-for="c in configFileThirdKindList" :value="c.thirdKindId">
								{{c.thirdKindName}}
							</option>

						</select>
					</td>
				</tr>
				<tr>
					<td class="TD_STYLE1">
						请选择职位分类
					</td>
					<td width="84%" class="TD_STYLE2">
						<select name="humanFile.humanMajorKindId" size="5" id="majorKind"
								class="SELECT_STYLE2">
							<option value="" selected="selected">
								全部
							</option>

							<option v-for="c in configMajorKindList" :value="c.majorKindId">
								{{c.majorKindName}}
							</option>
						</select>
					</td>
				</tr>
				<tr class="TR_STYLE1">
					<td width="16%" class="TD_STYLE1">
						请选择职位名称
					</td>
					<td width="84%" class="TD_STYLE2">
						<select name="humanFile.humanMajorId" size="5" class="SELECT_STYLE2" id="majorName">
							<option value="" selected="selected">
								全部
							</option>

							<option v-for="c in configMajorList" :value="c.majorId">
								{{c.majorName}}
							</option>


						</select>
					</td>
				</tr>
				<tr>
					<td class="TD_STYLE1">
						请输入建档时间
					</td>
					<td width="84%" class="TD_STYLE2">
						<input type="text" name="utilBean.startDate" readonly
							   style="width: 14%" class="INPUT_STYLE2" id="date_start">
						至
						<input type="text" name="utilBean.endDate" readonly="readonly"
							   style="width: 14%" class="INPUT_STYLE2" id="date_end">
						<input type="hidden" name="utilBean.datePropertyName" value="registTime"/>
					</td>
				</tr>
			</table>
		</form>
	</body>
	<script type="module">
		Vue.createApp({
			data(){
				return{
					configFileFirstKindList:[],
					configFileSecondKindList:[],
					configFileThirdKindList:[],
					configMajorKindList:[],
					configMajorList:[],
					humanFile:{
						firstKindId:null,
						//一级机构
						firstKindName:null,

						secondKindId:null,
						//二级机构
						secondKindName:null,

						thirdKindId:null,
						//三级机构
						thirdKindName:null,
					}
				}
			},
			//此函数在vue对象创建之后，data、监听、methods...等初始化完毕之后调用此函数
			created(){
				//调用接口，查询 一级机构
				requestGet("/configFileFirstKind/queryList").then((data)=>{
					// console.info("*** data:",data)
					//设置到vue模型层
					this.configFileFirstKindList = data;
				});
				//调用接口，查询 二级机构
				requestGet("/configFileSecondKind/queryList").then((data)=>{
					// console.info("*** data:",data)
					//设置到vue模型层
					this.configFileSecondKindList = data;
				});
				//调用接口，查询 三级机构
				requestGet("/configFileThirdKind/queryList").then((data)=>{
					// console.info("*** data:",data)
					//设置到vue模型层
					this.configFileThirdKindList = data;
				});
				//调用接口，查询 职位分类
				requestGet("/configMajorKind/queryList").then((data)=>{
					// console.info("*** data:",data)
					//设置到vue模型层
					this.configMajorKindList = data;
				});
				requestGet("/configMajor/queryList").then((data)=>{
					// console.info("*** data:",data)
					//设置到vue模型层
					this.configMajorList = data;
				});
			},
			methods:{
				// action="query_list.html"
				chaxun(){
					sessionStorage.setItem("firstKindId",this.humanFile.firstKindId || "");
					sessionStorage.setItem("secondKindId",this.humanFile.secondKindId || "");
					sessionStorage.setItem("thirdKindId",this.humanFile.thirdKindId || "");
					sessionStorage.setItem("hname","");
					console.info("*** humanFile",this.humanFile);
					window.location.href="/templates/page/humanResources/recovery_list.html";
				}
			}
		}).mount("#app");
	</script>
</html>
